<template>
  <div>
    <!-- <FTable :dataSource="tableData" :columns="columns" :header-cell-style="{background: '#ccc'}" :row-style="rowFn" @row-click="test" />
    <FlowChartVue/> -->
    <EditorChart />
  </div>
</template>

<script>
// import FlowChartVue from './components/FlowChart.vue'
// import FTable from './components/FTable'
import EditorChart from './components/EditorChart'
export default {
  name: 'App',
  components: {
    // FTable,
    // FlowChartVue,
    EditorChart
  },
  data() {
    return {
      columns: [
        {
          prop: "date",
        label: "日期"
        },
        {
          prop: "name",
        label: "名字"
        },
        {
          prop: "address",
        label: "地址"
        },
      ],
      tableData: [{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          }, {
            date: '2016-05-04',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1517 弄'
          }, {
            date: '2016-05-01',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1519 弄'
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1516 弄'
          }],
      
    }
  },
  methods: {
    test(...props) {
      console.log(props)
    },
    rowFn({rowIndex}) {
      if(rowIndex===1) {
        return {background: '#ccc'}
      }
    }
  }
}
</script>

